<div class="page">
    <device-title>智能灯控</device-title>
    <div class="color-picker-box">
        <color-picker (colorChange)="colorChange($event)"></color-picker>
    </div>
    <div class="widget-range-box">
        <widget-range [color]="color" (valueChange)="brightnessChange($event)"></widget-range>
    </div>

    <div class="turn">
        <div class="turn-btn" [ngClass]="{'on':state=='on'}" (click)="turn()"><i class="iconfont icon-switch"></i></div>
    </div>
    <setting-btn></setting-btn>
</div>